<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>完善资料</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="stylesheet" href="../css/common/common.css" />
	<link rel="stylesheet" href="../css/common/header.css" />
	<link rel="stylesheet" href="../css/common/layui.css">
	<link rel="stylesheet" href="../css/common/layer.css">
	<link rel="stylesheet" href="../css/improve_shop.css">
</head>

<body>
	<!-- 头部 -->
	<header>
		<p class="title">完善资料</p>
	</header>
	<!--顶部结束-->
	<div id="container">
		<i class="fl" style="line-height:1rem;color: red;">*</i>
		<div class="shop-pic">
			<p class="introduce-text">店铺主图</p>
			<ul>
				<li class="fl">
					<div class="layui-upload fl upload-pic face">
						<input type="button" class="layui-btn" id="test1">
						<p class="btn-add">+</p>
						<div class="layui-upload-list1 display">
							<img class="layui-upload-img1" id="demo1">
						</div>
					</div>
				</li>
				<li class="shop-pic-text">
					<p>请上传完整、清晰的营业执照图片，营业执照中的公司名称需与填写的的店铺名称一致！</p>
				</li>
				<li style="clear:both"></li>
			</ul>
		</div>
		<i class="fl" style="line-height:1rem;color: red;">*</i>
		<div class="Facilities-introduce">
			<p class="introduce-text">店内设施介绍</p>
			<textarea name="" id="shop-introduce" cols="48" rows="5" placeholder="您可以对店内的仪器进行介绍说明，也可以对店内商品进行介绍"></textarea>
		</div>
		<!-- 上传店内图片 -->
		<table>
			<tbody>
				<tr>
					<td>
						<div class="layui-upload fl upload-pic face">
							<input type="button" class="layui-btn shop-goods-info" id="test2">
							<p class="btn-add">+</p>
							<div class="layui-upload-list2 shop-info-list display">
								<img class="layui-upload-img shop-info-upload" id="demo2">
							</div>
						</div>
					</td>
					<td>
						<div class="layui-upload fl upload-pic face">
							<input type="button" class="layui-btn shop-goods-info" id="test3">
							<p class="btn-add">+</p>
							<div class="layui-upload-list3 shop-info-list display">
								<img class="layui-upload-img shop-info-upload" id="demo3">
							</div>
						</div>
					</td>
					<td>
						<div class="layui-upload fl upload-pic face">
							<input type="button" class="layui-btn shop-goods-info" id="test4">
							<p class="btn-add">+</p>
							<div class="layui-upload-list4 shop-info-list display">
								<img class="layui-upload-img shop-info-upload" id="demo4">
							</div>
						</div>
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<p style="line-height:1rem;">请上传三张图片</p>
					</td>
				</tr>
			</tbody>
		</table>
		<!-- 上传店内图片完成 -->
		<!-- 店内人员 -->
		<div class="shop-staff">
			<!-- <i class="fl" style="line-height:1rem;color: red;">*</i>
			<ul id="shop-staff-list">
				<p class="introduce-text">店内人员</p>
				<li class="straff-info">
					<div class="layui-upload fl upload-pic face">
						<input type="button" class="layui-btn shop-goods-infos" id="test5">
						<p class="btn-add">+</p>
						<div class="layui-upload-list5 shop-info-list display">
							<img class="layui-upload-img shop-info-uploads1" id="demo5">
						</div>
					</div>
					<div class="staff-introduce">
						<input class="input-optometrist-name1" placeholder="输入姓名">
						<input class="input-optometrist-intro1" placeholder="验光师擅长介绍">
					</div>
					<i class="layui-icon layui-icon-close-fill"></i>
				</li>
			</ul> -->
			<!-- <div class="new-optometrist">
				<p class="add-optometrist">+新增验光师</p>
			</div> -->
			<div class="subbox">
				<a href="javascript:;" class="submit optometrist-next">
					<input type="button" value="提交" class="submit-btn" />
				</a>
			</div>
		</div>
	</div>
</body>
<script src="../js/common/jquery-3.3.1.min.js"></script>
<script src="../js/common/common.js"></script>
<script src="../js/common/bootstrap.min.js"></script>
<script src="../js/common/layui.js"></script>
<script src="../js/common/layer.js"></script>
<script src="../js/alljs/improve_shop.js"></script>
<script>
	function upLoad() {
		var fileInput = document.getElementById("upimg");
		var file = fileInput.files[0];
		//创建读取文件的对象
		var reader = new FileReader();
		//创建文件读取相关的变量
		var imgFile;
		//为文件读取成功设置事件
		reader.onload = function (e) {
			// alert('文件读取完成');
			imgFile = e.target.result;
			console.log(imgFile);
			$("#img").attr('src', imgFile);
		};

		//正式读取文件
		reader.readAsDataURL(file);
	}
</script>
<script>
</script>

</html>